<template>
    <section v-if="title">
        <h4>{{title}}</h4>
        <slot name="right"></slot>
    </section>
</template>

<script>
export default {
    name:'HeaderTitle',

    props:{
        title:String
    }
}
</script>

<style lang="scss" scoped>
section{
    padding-bottom:12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h4{
        margin:0;
        font-size: 14px;
        font-weight: 600;
        color: #262626;
        line-height: 22px;
        margin: 0;
        display: flex;
        align-items: center;
        &::before{
            display: block;
            content: "";
            margin-right: 8px;
            width: 2px;
            height: 14px;
            background: $color-primary-light-6;
        }
    }
}
</style>